<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>lIGHT LAMP</title>
	<meta name="description" content="LIGHT LAMP" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<link href="style.css" rel="stylesheet" type="text/css" />


</head>




<body class="body">
	<div class="box">
		<b><a href="index.html" style="color: #34ab97;font-size: 30px;"><b>小夜灯</b></a>

			<br>
			<label class="switch_on" id="switch_btn">
				<input type="checkbox" id="turnjudge" >
				<span class="input" id="turn"></span>
			</label>
			<br>
			<p>请点击模式类型</p>
			<div class="slipNav">
				<nav>
					<a class="selected" id="button0">流动彩虹</a>
					<a id="button1">单色呼吸</a>
					<a id="button2">梦幻彩虹</a>
					<a id="button3">灵动跳跃</a>
					<!-- 底部线条 -->
					<div class="line"></div>
					<!-- 背景滑块 -->
					<div class="bgc"></div>
				</nav>
			</div>

			<div>
				<div>
					<p>设置亮度：</p>
					<input type="range" id="brightness" max="255" min="0" value="0">
					<span id="span">0</span>

				</div>
				<div>
					<p>请选择颜色</p>
					<input type="color" id="uname" value="#ff6d00" style="width: 50px;
		 height: 50px;" />

				</div>
			</div>

	</div>


	<script src="javascrip.js"></script>

</body>


</html>